import React from 'react';
import {Text, View} from 'react-native';
import PropTypes from 'prop-types';

class TableCellDetail extends React.Component {
    render() {
        return (
            <View style={{
                marginLeft: 10,
                alignItems: 'center',
                justifyContent: 'center',
                ...this.props.style
            }}>
                <Text style={{
                    fontSize: 14,
                    color: '#777',
                    textAlignVertical: 'center',
                    ...this.props.textStyle
                }}>{this.props.text}</Text>
            </View>
        );
    }
}

TableCellDetail.propTypes = {
    style: PropTypes.object,
    textStyle: PropTypes.object,
    text: PropTypes.string,
}


export default TableCellDetail;
